<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!-- 图片异常时显示的文本-->
    <img src="aa.jpg" alt="这是个美女图片">
    <img src="01.jpg"  title="你瞅啥？" width="400" height="400" alt="">
    <!-- 上级目录 通过../文件名-->
    <img src="../02.jpg" width="50%" alt="">
    <!-- 下级目录 通过文件夹名/图片名-->
    <img src="image/03.jpg" alt="">
    <!-- 图片盗链-->
    <img src="https://cdn.tmooc.cn/bsfile//courseImg///280c6025caa14649ba86b3561db92066.jpg">
</body>
</html>